<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单：下拉列表</title>
</head>
<body>

    <form action="pages/target.html" method="post">
        <!-- 下拉列表 -->
        <!-- 外部使用 select 标签定义整个下拉列表，name 属性写在 select 标签上 -->
        <select name="city">
            <!-- 内部使用 option 标签定义具体的选项 -->
            <!-- option 标签的 value 属性指定将来选项被选中后提交给服务器的值 -->
            <!-- selected 指定某个选项默认被选中 -->
            <option value="chongqing">重庆</option>
            <option value="shanghai">上海</option>
            <option value="guangzhou" selected>广州</option>
            <option value="shenzhen">深圳</option>
            <option value="zhuhai">珠海</option>
        </select>
        <button type="submit">提交</button>
    </form>

</body>
</html>